// pages/login/login.js
import request from '../../util/request'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone: "", 
    password: ""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  // 表单内容发生改变的回调
  handleInput(event){
    // let type = event.currentTarget.id; // id传值  取值： phone || password
    let type = event.currentTarget.dataset.type; // data-key = value
    // console.log(type,event.detail.value);
    this.setData({
      [type]: event.detail.value
    })
  },

  // 登录的回调
  async login(){
    // 1. 收集表单项数据
    let {phone, password} = this.data;
    // 2. 前端验证（空，格式）
    if(!phone){
      // 提示用户
      wx.showToast({
        title: "手机号不能为空",
        icon: "none"
      })
      return;
    }
    // 格式正则匹配
    let phoneReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
    if(!phoneReg.test(phone)){
      wx.showToast({
        title: "手机号格式错误",
        icon: "none"
      })
      return;
    }

    if(!password){
      // 提示用户
      wx.showToast({
        title: "密码不能为空",
        icon: "none"
      })
      return;
    }

    wx.showToast({
      title: "前端验证通过",
    })

    // 3. 后端验证
    let res = await request("/login/cellphone",{phone,password, isLogin:true});
    if(res.code == 200){
      wx.showToast({
        title: '登录成功',
      })

      // 将用户信息存储至本地   json转成string
      wx.setStorageSync('userInfo', JSON.stringify(res.profile));

      // 跳转至个人中心personal页面
      wx.switchTab({
        url: '/pages/personal/personal',
      })
    }else if(res.code == 400){
      wx.showToast({
        title: "手机号格式错误",
        icon: "none"
      })
    }else if(res.code == 502){
      wx.showToast({
        title: "密码错误",  
        icon: "none"
      })
    }else{
      wx.showToast({
        title: "登录失败，请重新登录",
        icon: "none"
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})